@charset "UTF-8";

*{margin: 0;padding: 0;box-sizing: border-box}
body,html{
  width: 100%;
  height: 100%;
  font-size: 20px;
}
ul,li{
  list-style: none;
}
a{
  color: #000;
  text-decoration: none;
}
img{
  max-width:100%;
  vertical-align: middle;
}
.clearfix{
  clear: both;
  display: block;
  content: '';
}
body{
  position: relative;
}

.header{
  height: 7rem;
  line-height: 7rem;
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
  font-size: 1.4rem;
  margin-bottom: 3.75rem;
  p:nth-of-type(1),p:nth-of-type(3){
    width:5%;
  }
}
.title{
  font-size: 1.5rem;
  margin-left: 1rem;
}

form{
  padding: 0 1rem;
  margin-top: 3rem;
  p{
    height: 4.45rem;
    line-height: 4.45rem;
    border-bottom:1px solid #FFE396;
    label{
      margin-right: 0.8rem;
      img{
        width:5%;
        vertical-align: middle;
      }
    }
    input{
      height: 80%;
      border:none;
      outline: none;
      font-size: 1.2rem;
      &::-webkit-input-placeholder{
        font-size: 1.2rem;
        color: #BBB8BC;
      }
    }
    span{
      float: right;
      //margin-top: 1.7rem;

    }
  }
}

.nextbtn{
  margin: 0 1rem;
  height: 4.35rem;
  line-height: 4.35rem;
  margin-top: 2.85rem;
  background-color: #FFC832;
  border-radius: 50rem;
  text-align: center;
  color: white;
  font-size: 1.4rem;
}

.zhezhao{
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
  background-color: rgba(0,0,0,0.4);
  font-size: 1.25rem;
  display: none;
  .que{
    width:22.5rem;
    height: 12.3rem;
    background-color: white;
    border-radius: 1rem;
    margin: 17.2rem auto;
    p:nth-of-type(1){
      height: 9rem;
      line-height: 9rem;
      text-align: center;
    }
    p:nth-of-type(2){
      height: 3.3rem;
      line-height: 3.3rem;
      text-align: center;
      background-color: #FFD974;
      color: white;
      border-bottom-left-radius: 1rem;
      border-bottom-right-radius: 1rem;
    }
  }
}